<template>
    <div class="box">
        <el-form :model="ruleForm" :rules="rules" ref="ruleForm" label-width="100px" class="demo-ruleForm">
            <el-form-item label="名称" prop="name">
                <el-input v-model="ruleForm.name"></el-input>
            </el-form-item>

            <el-form-item label="计价方式" prop="name">
                <el-input v-model="ruleForm.name"></el-input>
            </el-form-item>

            <el-form-item label="类型" prop="name">
                <el-input v-model="ruleForm.name"></el-input>
            </el-form-item>
            <el-form-item label="所属门店">
                <el-select v-model="form.region" placeholder="所属门店">
                    <el-option label="全局分类" value="shanghai"></el-option>
                    <el-option label="不选择" value="beijing"></el-option>
                </el-select>
            </el-form-item>
            <el-form-item label="上级分类">
                <el-select v-model="form.region" placeholder="请选择">
                    <el-option label="" value="shanghai"></el-option>
                    <el-option label="" value="beijing"></el-option>
                </el-select>
            </el-form-item>

            <el-upload class="upload-demo" action="https://jsonplaceholder.typicode.com/posts/" :on-preview="handlePreview"
                :on-remove="handleRemove" :before-remove="beforeRemove" multiple :limit="3" :on-exceed="handleExceed"
                :file-list="fileList">
                <el-button size="small" type="primary">点击上传</el-button>
            </el-upload>


            <el-form-item label="排序" prop="name">
                <el-input v-model="ruleForm.name"></el-input>
            </el-form-item>

            <el-form-item label="状态" prop="name">
                <el-radio v-model="radio" label="1">正常</el-radio>
                <el-radio v-model="radio" label="2">停用</el-radio>
            </el-form-item>

            <el-form-item label="类型">
                <div data-v-a674bcb8="" style="padding-bottom: 10px;">
                    <div data-v-a674bcb8="" class="el-col el-col-4">
                        <div data-v-a674bcb8="" class="el-form-item">
                            <div class="el-form-item__content">
                                <div data-v-a674bcb8="" class="el-input">
                                    <input type="text" autocomplete="off" class="el-input__inner">
                                </div>
                            </div>
                        </div>
                    </div>
                    <div data-v-a674bcb8="" class="el-col el-col-1" align="center">:</div>
                    <div data-v-a674bcb8="" class="el-col el-col-4">
                        <div data-v-a674bcb8="" class="el-form-item">
                            <div class="el-form-item__content">
                                <div data-v-a674bcb8="" class="el-input"><input type="text" autocomplete="off"
                                        class="el-input__inner"></div>
                            </div>
                        </div>
                    </div>
                    <div data-v-a674bcb8="" class="el-col el-col-14"> &nbsp;&nbsp;&nbsp; <button data-v-a674bcb8=""
                            type="button" class="el-button el-button--success"><span>添加</span></button><button
                            data-v-a674bcb8="" type="button" class="el-button el-button--danger"><span>删除</span></button>
                    </div>
                    <div data-v-a674bcb8="" style="clear: both;"></div>
                </div>
            </el-form-item>

            <quill-editor class="ql-eeditor" v-model="content" ref="myQuillEditor" :options="editorOption"
                @blur="$event => ononEditorBlur($event)">



            </quill-editor>

        </el-form>
    </div>
</template>
<script>
// import { power, poweradd, editorle } from "@/api/roleManage";
export default {
    data() {
        return {

            radio: '1',
            form: {
                name: '',

            },
            ruleForm: {
                name: '',
                profile: "",
                actionsIds: ''
            },
            rolepowerlist: [],
            rules: {
                name: [
                    { required: true, message: '不能为空', trigger: 'blur' },
                ],
                profile: [
                    { required: true, message: '不能为空', trigger: 'blur' }
                ]
            }
        };
    },
    methods: {
        resetForm(formName) {
            this.$refs[formName].resetFields();
        },


    },
    mounted() {
        this.getpoeer()
    }
}

</script>
<style lang="scss" scoped>
.upload-demo{
    margin-left: 100px;
}
</style>
